<template>
    <!-- 内联事件处理器​
内联事件处理器通常用于简单场景 -->
    <div class="container">
        <h2>内联事件处理器</h2>
        <button @click="count++">增加 1</button>
        <p>Count 是 {{ count }}</p>
    </div>
</template>

<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

<style scoped>
.container{
    background-color: rgb(192, 192, 192);
    border-radius: 15px;
    padding:10px;
    margin:10px;
}
</style>